<script setup>
import { svgColor, defaultStyle, toPage } from '@/utils/svg'
defineProps({
  upStyle: {
    type: String,
    default() {
      defaultStyle
    }
  },
  herf: {
    type: String,
    default() {
      return '#'
    }
  }
})
</script>

<template>
  <svg
    t="1725526651503"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="8437"
    :style="[defaultStyle, svgColor, upStyle]"
    @click="toPage(herf)"
  >
    <path
      d="M906.475693 943.728792c-49.491181 17.325597-152.164608 28.913517-295.537993 28.913517-412.545894 0-635.223462-193.912431-608.80579-450.249611C33.545364 216.96445 363.386627 45.025473 724.595296 45.025473c139.829675 0 222.1301 11.388375 299.383578 30.263258l-24.720008 205.822692c-51.434439-17.35118-171.688267-33.208333-269.12032-33.208333-212.388225 0-392.96493 63.425541-413.440264 263.878946-18.429745 179.328271 108.114346 265.024026 347.120812 265.024026 83.251076 0 205.89944-11.884678 262.580371-29.214369L906.475693 943.728792z"
      p-id="8438"
    ></path>
  </svg>
</template>
